{% extends "layout.html" %}

{% block body %}

{% for research in pageData.rows %}
<section class="subject">
  <div class="subject-wrapper">
    <img src="{{ research.picture}}" alt="subject">
    <div class="subject-intro">
      <h2>{{ research.name }}</h2>
      <p>{{ research.introduction }}</p>
      <a href="/research_detail?id={{ research.researchid }}" class="btn">Read More</a>
    </div>
  </div>
</section>
{% else %}
<p>暂无。。。</p>
{% endfor %}

<!--<section class="subject">-->
  <!--<div class="subject-wrapper">-->
    <!--<img src="../public/img/subject_1.png" alt="subject">-->
    <!--<div class="subject-intro">-->
      <!--<h2>Subject</h2>-->
      <!--<p>The overall research goal is the design, synthesis and characterization of new materials with an emphasis on understanding the fundamental issues of structural assembly and growth that will enable the rational control of the material composition, micro/nano-structure, morphology, pro-perty and functionality.</p>-->
      <!--<span class="btn">Read More</span>-->
    <!--</div>-->
  <!--</div>-->
<!--</section>-->

{% endblock %}
